
<template>
  <yt-grid width="1664" height="1016" background="#F0F3F8" class="page-zdhwv">
      
  <yt-grid-item fixedSize='selfAdaption' id="yt-t5688m0vu8pdv" gridColumnStart="117" gridColumnEnd="1662" gridRowStart="21" gridRowEnd="41" zIndex="1" previewType="FixedWH">
      <span ref='ref1' class='webVueAntYtSpan webVueAntYtSpanStyle-6lu2g  webVueAntYtSpanStyle webVueAntYtSpanBrCount'>
                  <span v-html='"告警列表"'>
                  
              </span>
              </span>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-fggy5m0vu8pe0" gridColumnStart="33" gridColumnEnd="115" gridRowStart="20" gridRowEnd="40" zIndex="2" previewType="FixedWH">
      <span ref='ref2' class='webVueAntYtSpan webVueAntYtSpanStyle-xbhm0  webVueAntYtSpanStyle webVueAntYtSpanBrCount'>
                  <span v-html='"数据管理 /"'>
                  
              </span>
              </span>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-iwqasm0vu8pe3" gridColumnStart="33" gridColumnEnd="1620" gridRowStart="51" gridRowEnd="123" zIndex="3" previewType="FixedWH">
      <div ref='ref3' class='webVueAntYtRectangle webVueAntYtRectangleStyle-f30l9 webVueAntYtRectangleStyle'>
                  
              </div>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-cj0q7m0vu8pe4" gridColumnStart="33" gridColumnEnd="1620" gridRowStart="142" gridRowEnd="982" zIndex="4" previewType="FixedWH">
      <div ref='ref4' class='webVueAntYtRectangle webVueAntYtRectangleStyle-e97xy webVueAntYtRectangleStyle'>
                  
              </div>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='ProjectNameisShow1' id="yt-3uqqum0vu8pe5" gridColumnStart="67" gridColumnEnd="372" gridRowStart="71" gridRowEnd="103" zIndex="5" previewType="FixedWH">
      <a-form-item ref='ref5' class='webVueAntInputFormItem webVueAntYtInputFormItem-ipbjx  webVueAntYtInputFormItem show-label' name='ProjectNamevalue1' :colon='false'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"项目名称"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-ko2j4 webVueAntYtInputStyle' v-model:value='ProjectNamevalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-cg3kum0vu8pee" gridColumnStart="1298" gridColumnEnd="1378" gridRowStart="71" gridRowEnd="103" zIndex="6" previewType="FixedWH">
      <a-button ref='ref6' @click="()=> { fetchAlarmData(); }" class='webVueAntButton webVueAntYtButtonStyle-57xsj  webVueAntYtButtonStyle center' :loading='Queryloading1'>
                  <span class='yt-button-content ' v-html='"查询"'>
                  
              </span>
              </a-button>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-p21w3m0vu8peg" gridColumnStart="1398" gridColumnEnd="1478" gridRowStart="71" gridRowEnd="103" zIndex="7" previewType="FixedWH">
      <a-button ref='ref7' @click="()=> { resetAlarmFilters(); }" class='webVueAntButton webVueAntYtButtonStyle-xy9dg  webVueAntYtButtonStyle center' :loading='Resetloading1'>
                  <span class='yt-button-content ' v-html='"重置"'>
                  
              </span>
              </a-button>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='AlarmTypeisShow1' id="yt-d39rgm0vu8pg0" gridColumnStart="433" gridColumnEnd="697" gridRowStart="72" gridRowEnd="104" zIndex="8" previewType="FixedWH">
      <a-form-item ref='ref12' class='webVueSelectFormItem webVueAntYtSelectFormItem-npkme  webVueAntYtSelectFormItem show-label' name='AlarmTypevalue1' :colon='false'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"告警类型"'>
                  
              </span>
              </div>
              </template>
<a-select data-event class='webVueSelect  webVueAntYtSelectStyle' :dropdownClassName='"popup_yt-d39rgm0vu8pg0"' :showArrow='true' v-model:value='AlarmTypevalue1' :placeholder='"请选择"' :mode='"single"' :options='AlarmTypeoptions1.dataSource' :showSearch='true'>
                  
              </a-select>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-l5ijmm0vu8pge" gridColumnStart="1498" gridColumnEnd="1578" gridRowStart="71" gridRowEnd="103" zIndex="9" previewType="FixedWH">
      <a-button ref='ref14' @click="()=> { exportAlarmData(); }" class='webVueAntButton webVueAntYtButtonStyle-b72ps  webVueAntYtButtonStyle center' :loading='Exportloading1'>
                  <span class='yt-button-content ' v-html='"导出"'>
                  
              </span>
              </a-button>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='AlarmFormisShow1' id="yt-e2k04m0vuqi9v" gridColumnStart="44" gridColumnEnd="1610" gridRowStart="156" gridRowEnd="959" zIndex="10" previewType="FixedWH">
      <yt-table ref='ref43' @onTableChange="(pagination)=> { onTablePageChange(pagination); }" class='webVueAntYtTable webVueAntYtTableStyle-fhbbj webVueAntYtTableStyle' :canSelect='false' v-model:currentRow='AlarmFormcurrentRow1' v-model:selectedRows='AlarmFormselectedRows1' v-model:total='AlarmFormtotal1' v-model:current='AlarmFormcurrent2' v-model:pageSize='AlarmFormpageSize1' :columns='AlarmFormdata1.columns' :dataSource='AlarmFormdata1.dataSource' :scroll='{y:688.9999848712239}'>
<template #cell='{ column, record }'>
<template v-if='column.dataIndex === "currentStatus"' :forKey='"currentStatus"'>
  <div style="width:100%;height:100%;background:#fff;display:flex;">
      <div style="display:flex;margin-left: 10px;margin-top:7.5px;width: 36.20%;height: 66.67%;float: left;">
          <!-- 状态1 -->
          <a-button ref='ref52' @click="()=> { updateAlarmStatus(record); }" class='webVueAntButton webVueAntYtButtonStyle-gtrkq  webVueAntYtButtonStyle center ' :loading='Buttonloading1'>
              <span class='yt-button-content ' v-html='record.currentStatus'></span>
          </a-button>
      </div>
      <div v-if='record.dateofReport === "是"' style="display:flex;margin-left: 10px;margin-top:7.5px;width: 36.20%;height: 66.67%;float: left;">
          <!-- 归零按钮 -->
          <a-button ref='ref53' @click="()=> { resetDeviceTime(record); }" class='webVueAntButton webVueAntYtButtonStyle-mfzy0  webVueAntYtButtonStyle center ' :loading='Zeroloading1'>
              <span class='yt-button-content ' v-html='"归零"'></span>
          </a-button>
      </div>
  </div>
</template>
</template>
</yt-table>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='TimeRangeisShow1' id="yt-y0i6vm11jmgza" gridColumnStart="744" gridColumnEnd="1110" gridRowStart="72" gridRowEnd="104" zIndex="11" previewType="FixedWH">
      <a-form-item ref='ref47' class='webVueAntRangePickerFormItem webVueAntYtRangePickerFormItem-1csmr  webVueAntYtRangePickerFormItem show-label' name='TimeRangevalue1' :colon='false'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"时间范围"'>
                  
              </span>
              </div>
              </template>
<yt-custom-range-picker data-event class='webVueAntYtRangePicker webVueAntYtRangePickerStyle-5o5mo webVueAntYtRangePickerStyle' :popupKey='"popup_yt-y0i6vm11jmgza"' v-model:value='TimeRangevalue1'>
                  
              </yt-custom-range-picker>
              </a-form-item>
  </yt-grid-item>

  </yt-grid>
</template>

<script>

import { loadCss } from "../shared/loadTheme";
import axios from "axios";
import { message, Modal } from "ant-design-vue";
import { h } from "vue";
export default {
data() {
return {
Exportloading1: false,
Resetloading1: false,
Buttonloading1: false,
TimeRangevalue1: [],
TimeRangeisShow1: true,
AlarmTypevalue1: undefined,
AlarmTypeoptions1: {
dataSource: [{
label: "告警",
value: "告警",
disabled: false,
select: false
}, {
label: "预警",
value: "预警",
disabled: false,
select: false
}],
value: []
},
AlarmTypeisShow1: true,
ProjectNamevalue1: "",
ProjectNameisShow1: true,
AlarmFormcurrentRow1: {},
AlarmFormselectedRows1: [],
AlarmFormpageSize1: 10,
AlarmFormdata1: {
columns: [{
key: "id",
title: "id",
dataIndex: "id"
}, {
key: "serialNumber",
title: "序号",
dataIndex: "serialNumber"
}, {
key: "projectName",
title: "项目名称",
dataIndex: "projectName"
}, {
key: "alarmType",
title: "告警类型",
dataIndex: "alarmType"
}, {
key: "equipmentName",
title: "设备名称",
dataIndex: "equipmentName"
}, {
key: "alarmcontent",
title: "告警内容",
dataIndex: "alarmcontent"
}, {
key: "dateofReport",
title: "上报日期",
dataIndex: "dateofReport"
}, {
key: "currentStatus",
title: "当前状态",
dataIndex: "currentStatus",
cellType: "slot"
}],
dataSource: []
},
AlarmFormcurrent2: 1,
AlarmFormtotal1: 0,
AlarmFormisShow1: true,
Queryloading1: false,
Zeroloading1: false
};
},
watch: {},
methods: {
async fetchAlarmData() {
this.Queryloading1 = true;
try {
const response = await this.executeBackendInterface('getAlarmData', {
projectName: this.ProjectNamevalue1,
alarmType: this.AlarmTypevalue1,
timeRange: this.TimeRangevalue1.join('~'),
current: this.AlarmFormcurrent2,
pageSize: this.AlarmFormpageSize1
});
if (response.flag) {
this.AlarmFormdata1.dataSource = response.data.data.map(item => ({
  id: item.id,
  serialNumber: item.serial_number,
  projectName: item.project_name,
  alarmType: item.alarm_type,
  equipmentName: item.device_name,
  alarmcontent: item.alarm_content,
  dateofReport: item.report_date,
  currentStatus: item.current_status
}));
this.AlarmFormtotal1 = response.data.total;
} else {
message.error(response.message);
}
} catch (error) {
message.error('查询失败');
} finally {
this.Queryloading1 = false;
}
},
async resetAlarmFilters() {
this.ProjectNamevalue1 = "";
this.AlarmTypevalue1 = undefined;
this.TimeRangevalue1 = [];
await this.fetchAlarmData();
},
exportAlarmData() {
this.Exportloading1 = true;
// Assuming we have a utility function to export data to Excel
exportToExcel(this.AlarmFormdata1.dataSource, '告警数据');
this.Exportloading1 = false;
},
async initAlarmData() {
await this.fetchAlarmData();
},
async onTablePageChange(pagination) {
this.AlarmFormcurrent2 = pagination.current;
this.AlarmFormpageSize1 = pagination.pageSize;
await this.fetchAlarmData();
},
async updateAlarmStatus(record) {
let newStatus;
switch (record.currentStatus) {
case '未处理':
newStatus = '处理中';
break;
case '处理中':
newStatus = '已处理';
break;
case '未读':
newStatus = '已读';
break;
default:
return;
}
Modal.confirm({
title: '确认更新状态',
content: `确定要将状态更新为${newStatus}吗？`,
onOk: async () => {
try {
  // Assuming we have an API to update the status
  const response = await this.executeBackendInterface('updateAlarmStatus', {
    id: record.id,
    status: newStatus
  });
  if (response.flag) {
    message.success('状态更新成功');
    await this.fetchAlarmData();
  } else {
    message.error(response.message);
  }
} catch (error) {
  message.error('状态更新失败');
}
}
});
},
resetDeviceTime(record) {
// 弹出确认对话框
Modal.confirm({
title: '确认重置时间',
content: '您确定要将该设备的时间指标重置为0吗？',
onOk: async () => {
try {
  // 模拟调用后端接口
  // const response = await axios.post('/api/resetDeviceTime', { id: record.id });
  // 假设后端返回成功
  const response = {
    data: {
      success: true
    }
  };
  if (response.data.success) {
    message.success('设备时间指标已成功重置为0');
    // 更新当前行的状态
    record.currentStatus = '0';
  } else {
    message.error('重置失败，请重试');
  }
} catch (error) {
  message.error('重置失败，请重试');
}
},
onCancel: () => {
message.info('已取消重置');
}
});
},
async fetchAndSetVariables() {
try {
// 调用后端接口获取变量数组 需要传入pageUuid变量
const pageUuid = '1833338060712968192';
const response = await axios.get(`./system/permission/getCurrentPageNotShowVariable?pageUuid=${pageUuid}`);
const variablesArray = response.data; // 后端直接返回变量数组

if (variablesArray && Array.isArray(variablesArray))
// 遍历数组，将每个变量设置为true
variablesArray.forEach(variable => {
  this[variable] = true;
});
} catch (error) {
console.error('获取变量失败:', error);
}
},
executeBackendInterface(funcName, params) {
// 处理参数为Map的情况
if (params instanceof Map) {
params = Object.fromEntries(params);
}
// 调用后端接口
return new Promise((resolve, reject) => {
axios.post('./Alarmlist/' + funcName, params, {
headers: {
  'Content-Type': 'application/json'
}
}).then(response => {
resolve(response.data);
}).catch(error => {
reject(error);
});
});
}
},
mounted() {
loadCss('./css/告警列表/theme.css');
this.initAlarmData();
// 组件挂载后自动调用函数获取变量
this.fetchAndSetVariables();
},
computed: {}
};

</script>
<style lang="less">
.page-zdhwv{
.webVueAntYtSpanStyle{
opacity: 1;
color: #3D3D3D;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 20px;
letter-spacing: 0px;
align-content: center;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
}
.webVueAntYtSpanStyle span{
text-shadow: 0px 0px 0px transparent;
}
.webVueAntYtSpan {
display: block;
height:100%;
width:100%;
}
.webVueAntYtSpan span{
word-break: break-all;
width: auto;
display: inline-block;
vertical-align: top; /* 根据需要调整 */
}
.webVueAntYtSpan span:focus{
outline: none;
}

.webVueAntYtSpanStyle-6lu2g{
color: #438EFC !important;
font-size: 16px;
font-weight: bold;
}
.webVueAntYtSpanStyle-6lu2g span{
text-decoration: none;
}

.webVueAntYtSpanStyle-xbhm0{
color: #4A4A4A !important;
font-size: 16px;
font-weight: bold;
}
.webVueAntYtSpanStyle-xbhm0 span{
text-decoration: none;
}

.webVueAntYtRectangleStyle{
opacity: 1;
box-shadow: 0px 0px 0px 0px transparent;
background: transparent;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
}
.webVueAntYtRectangle {
width: 100%;
height:100%;

}

.webVueAntYtRectangleStyle-f30l9{
background: #ffffff;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtRectangleStyle-e97xy{
background: #ffffff;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtInputFormItem{
flex-direction: row;
opacity: 1;
}
.webVueAntYtInputFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
width: 52px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtInputFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtInputStyle:not(.ant-input-affix-wrapper){
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputStyle.ant-input-affix-wrapper{
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputStyle.ant-input-affix-wrapper input{
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
}
.webVueAntYtInputStyle:not(.ant-input-affix-wrapper)::placeholder,.webVueAntYtInputStyle:not(.ant-input-affix-wrapper)::-webkit-input-placeholder,.webVueAntYtInputStyle input::placeholder,.webVueAntYtInputStyle input::-webkit-input-placeholder{
color: #999999;
}
.webVueAntInputFormItem  {
flex-wrap: nowrap;
}
.webVueAntInputFormItem ,
.webVueAntinput,
.webVueAntInputFormItem .ant-form-item-control-input,
.webVueAntInputFormItem .ant-form-item-control-input .ant-form-item-control-input-content {
width: 100%;
height: 100%;
}
.webVueAntInputFormItem .ant-form-item-label {
flex-shrink: 0;
padding: 0;
text-align: left;
}
.webVueAntInputFormItem .ant-form-item-label label {
width: 100%;
height: 100%;
}
.webVueAntInputFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
margin-top: 4px;
}
.webVueAntInputFormItem .ant-form-item-label label .label-content{
flex: 1;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.webVueAntInputFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
display: none;
}
.webVueAntInputFormItem .ant-form-item-label label .ant-form-item-content {
white-space: nowrap;
}
.webVueAntInputFormItem.hide-label .ant-form-item-label {
display: none;
}
.webVueAntInputFormItem .ant-form-item-content:focus{
outline: none;
}
.webVueAntinput.ant-input-affix-wrapper input {
background-color: transparent;
}


.webVueAntYtInputFormItem-ipbjx .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-ipbjx .ant-form-item-label label{
width: 66px;
padding-right: 10px;
}
.webVueAntYtInputStyle-ko2j4:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtButtonStyle{
opacity: 1;
color: #FFFFFF;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
background: #4A90E2;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 0px solid #D9D9D9;
border-right: 0px solid #D9D9D9;
border-bottom: 0px solid #D9D9D9;
border-left: 0px solid #D9D9D9;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
.webVueAntYtButtonStyle>span{
line-height: 28px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
text-align: center;
text-align-last: center;
}
.webVueAntButton  {
width: 100%;
height:100%;
display: flex;
}
.webVueAntButton .span:first-child{
flex: 0 0 8px;
}
.webVueAntButton .yt-button-content{
display: inline-block;
flex: 1;
}

.webVueAntButton.ant-btn-loading.center .yt-button-content,
.webVueAntButton.ant-btn-loading.right .yt-button-content,
.webVueAntButton.ant-btn-loading.left .yt-button-content {
flex: 0 0 auto;
}
.webVueAntButton span:focus{
outline: none;
}
.webVueAntButton.ant-btn-two-chinese-chars>:not(.anticon) {
margin-right: 0;
}

.webVueAntYtButtonStyle-57xsj{
color: #FFFFFF !important;
background: #3C8EFF !important;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-57xsj>span{
letter-spacing: 0px !important;
}

.webVueAntYtButtonStyle-xy9dg{
color: #4A90E2 !important;
background: transparent !important;
border-top: 1px solid #4A90E2;
border-right: 1px solid #4A90E2;
border-bottom: 1px solid #4A90E2;
border-left: 1px solid #4A90E2;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-xy9dg>span{
letter-spacing: 0px !important;
}

.webVueAntYtSelectFormItem{
flex-direction: row;
opacity: 1;
}
.webVueAntYtSelectFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
width: 52px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtSelectFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtSelectStyle .ant-select-selector{
background: #FFFFFF !important;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
border-top: 1px solid #CDCDCD !important;
border-right: 1px solid #CDCDCD !important;
border-bottom: 1px solid #CDCDCD !important;
border-left: 1px solid #CDCDCD !important;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 0px !important;
padding-right: 10px !important;
padding-bottom: 0px !important;
padding-left: 12px !important;
}
.webVueAntYtSelectStyle.ant-select:not(.ant-select-disabled):hover .ant-select-selector,.webVueAntYtSelectStyle.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{
border-right: 1px solid #CDCDCD !important;
}
.webVueAntYtSelectStyle .ant-select-selector .ant-select-selection-item{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal !important;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtSelectStyle .ant-select-selector .ant-select-selection-search input{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal !important;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtSelectStyle .ant-select-selector .ant-select-selection-placeholder{
color: #999999;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.popup_yt-d39rgm0vu8pg0.ant-select-dropdown{
border-top-left-radius: 2px !important;
border-top-right-radius: 2px !important;
border-bottom-left-radius: 2px !important;
border-bottom-right-radius: 2px !important;
background: #ffffff !important;
border-top: 1px solid transparent !important;
border-right: 1px solid transparent !important;
border-bottom: 1px solid transparent !important;
border-left: 1px solid transparent !important;
box-shadow: 0px 0px 10px 0px rgba(153,153,153,0.3);
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
}
.popup_yt-d39rgm0vu8pg0.ant-select-dropdown .ant-select-item{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.popup_yt-d39rgm0vu8pg0.ant-select-dropdown .ant-select-item-option-selected{
background: #E6EFFE;
color: #333333;
}
.popup_yt-d39rgm0vu8pg0.ant-select-dropdown .ant-select-item:hover{
background: #F0F0F0;
color: #333333;
}
.popup_yt-d39rgm0vu8pg0 .ant-select-item-option-active:not(.ant-select-item-option-disabled){
background: #F0F0F0;
color: #333333;
}
.webVueSelectFormItem  {
flex-wrap: nowrap;
}
.webVueSelectFormItem ,
.webVueSelectFormItem .ant-form-item-control-input,
.webVueSelectFormItem .ant-form-item-control-input .ant-form-item-control-input-content,
.webVueSelectFormItem .ant-form-item-control-input  .ant-select-selector .ant-select-selection-search input{
width: 100%;
height: 100%;
}
.webVueSelectFormItem .ant-form-item-control {
min-width: 0;
}
.webVueSelectFormItem .ant-form-item-label {
flex-shrink: 0;
padding: 0;
text-align: left;
}
.webVueSelectFormItem  .ant-form-item-label label {
width: 100%;
height: 100%;
}
.webVueSelectFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
margin-top: 4px;
}
.webVueSelectFormItem .ant-form-item-label label .label-content{
flex: 1;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.webVueSelectFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
display: none;
}
.webVueSelectFormItem .ant-form-item-label label .ant-form-item-content {
white-space: nowrap;
}
.webVueSelectFormItem.hide-label .ant-form-item-label {
display: none;
}
.webVueSelectFormItem .ant-form-item-content:focus{
outline: none;
}
.webVueSelect.ant-select-single .ant-select-selector .ant-select-selection-placeholder,
.webVueSelect.ant-select-single .ant-select-selector{
display: flex;
align-items: center;
}

.webVueSelect {
width: 100%;
height:100%;
}
.webVueSelect .ant-select-selector {
width: 100% !important;
height: 100% !important;
overflow: auto;
}

.webVueAntYtSelectFormItem-npkme .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtSelectFormItem-npkme .ant-form-item-label label{
width: 66px;
padding-right: 10px;
}

.webVueAntYtButtonStyle-b72ps{
color: #4A90E2 !important;
background: transparent !important;
border-top: 1px solid #4A90E2;
border-right: 1px solid #4A90E2;
border-bottom: 1px solid #4A90E2;
border-left: 1px solid #4A90E2;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-b72ps>span{
letter-spacing: 0px !important;
}

.webVueAntYtTable {
display: inline-block;
}
.webVueAntYtTable .ant-radio-input {
display: none;
}
.webVueAntYtTable thead tr th div:first-child {
display: flex !important;
align-items: center;
}
.webVueAntYtTable thead tr th:before {
content: none !important;
}
.webVueAntYtTable thead tr th:not(.ant-table-selection-column), .webVueAntYtTable .ant-table-tbody tr td:not(.ant-table-selection-column) {
padding: 0 !important;
}
.webVueAntYtTable thead tr th.ant-table-selection-column, .webVueAntYtTable .ant-table-tbody tr td.ant-table-selection-column {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.webVueAntYtTable .ant-table-tbody tr td, .webVueAntYtTable thead tr th {
position: relative;
}
.webVueAntYtTable .ant-table-tbody tr td .td-text, .webVueAntYtTable thead tr th .th-text {
width: 100%;
display: inline-block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.webVueAntYtTable tr td .td-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.webVueAntYtTable .ant-table-tbody tr td {
border-top: 0 !important;
}
.webVueAntYtTable .ant-table-tbody tr td .ant-radio-wrapper {
align-items: center;
}
.webVueAntYtTable .ant-table-tbody tr:last-child td {
border-bottom: 0 !important;
}
.webVueAntYtTable .ant-pagination {
display: flex;
}

.webVueAntYtTable .add-pointer {
display: flex !important;
}
.webVueAntYtTable .ant-table-thead .ant-table-cell-scrollbar {
width: 6px;
}
.webVueAntYtTable .ant-table-header colgroup col:not(.ant-table-selection-col) {
width: auto !important;
}
:focus-visible {
outline: none;
}
.webVueAntYtTable .ant-table-body::-webkit-scrollbar {
width: 6px;
height: 6px;
border-radius: 2px;
}
.webVueAntYtTable .ant-table-body::-webkit-scrollbar-thumb {
background-color: #ccc;
}
.webVueAntYtTable.custom-table .ant-table-content {
overflow: hidden !important;
max-height: unset !important;
}

.webVueAntYtTableStyle-fhbbj{
opacity: 1;
}
.webVueAntYtTableStyle-fhbbj .ant-table{
box-shadow: 0px 0px 0px 0px transparent;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
}
.webVueAntYtTableStyle-fhbbj .ant-table th:first-child{
border-top-left-radius: 4px !important;
}
.webVueAntYtTableStyle-fhbbj .ant-table th:last-child{
border-top-right-radius: 4px !important;
}
.webVueAntYtTableStyle-fhbbj .ant-table tr:last-child td:first-child{
border-bottom-left-radius: 4px !important;
}
.webVueAntYtTableStyle-fhbbj .ant-table tr:last-child td:last-child{
border-bottom-right-radius: 4px !important;
}
.webVueAntYtTableStyle-fhbbj .ant-table .ant-table-thead tr,.webVueAntYtTableStyle-fhbbj .ant-table .ant-table-thead tr th div:first-child{
height: 50px;
}
.webVueAntYtTableStyle-fhbbj .ant-table .ant-table-thead tr th div.ant-table-selection{
line-height: 50px;
}
.webVueAntYtTableStyle-fhbbj .ant-table .ant-table-thead tr th{
background: #4A90E21C;
}
.webVueAntYtTableStyle-fhbbj .ant-table .ant-table-thead tr span.th-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: bold;
line-height: 50px;
letter-spacing: 0px;
font-style: normal;
text-align: center;
text-align-last: center;
text-decoration: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-fhbbj .ant-table tbody tr td{
height: 50px;
}
.webVueAntYtTableStyle-fhbbj .ant-table tbody tr td .ant-checkbox-wrapper{
line-height: 50px;
}
.webVueAntYtTableStyle-fhbbj .ant-table tbody tr td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-fhbbj .ant-table thead tr th,.webVueAntYtTableStyle-fhbbj .ant-table .ant-table-tbody tr:not(:last-child) td{
border-bottom: 1px solid #dcdcdc;
}
.webVueAntYtTableStyle-fhbbj .ant-table thead tr th:not(:last-child),.webVueAntYtTableStyle-fhbbj .ant-table .ant-table-tbody tr td:not(:last-child){
border-right: 0px solid #dcdcdc;
}
.webVueAntYtTableStyle-fhbbj.ant-table-striped .ant-table tbody tr:nth-child(2n-1) td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-fhbbj.ant-table-striped .ant-table tbody tr:nth-child(2n) td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-fhbbj .ant-table tbody tr:not(.ant-table-row-selected):hover td{
background: #E4EFFF !important;
}
.webVueAntYtTableStyle-fhbbj .ant-table tbody tr:not(.ant-table-row-selected):hover td span.td-text{
color: #000000 !important;
}
.webVueAntYtTableStyle-fhbbj .ant-table-tbody tr.ant-table-row-selected td{
background: #3C8EFF !important;
}
.webVueAntYtTableStyle-fhbbj .ant-table-tbody tr.ant-table-row-selected td span.td-text{
color: #FFFFFF !important;
}
.webVueAntYtTableStyle-fhbbj .ant-pagination li:not(.ant-pagination-options),.webVueAntYtTableStyle-fhbbj .ant-pagination button,.webVueAntYtTableStyle-fhbbj .ant-pagination li .ant-select .ant-select-selector,.webVueAntYtTableStyle-fhbbj .ant-pagination li input{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
background: #FFFFFF;
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-fhbbj .ant-pagination button,.webVueAntYtTableStyle-fhbbj .ant-pagination li .ant-select .ant-select-selector,.webVueAntYtTableStyle-fhbbj .ant-pagination li input,.webVueAntYtTableStyle-fhbbj .ant-pagination li a,.webVueAntYtTableStyle-fhbbj .ant-pagination li .ant-pagination-options-quick-jumper{
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-fhbbj .ant-pagination li:not(.ant-pagination-options),.webVueAntYtTableStyle-fhbbj .ant-pagination li.ant-pagination-options .ant-pagination-options-size-changer.ant-select .ant-select-selector,.webVueAntYtTableStyle-fhbbj .ant-pagination li.ant-pagination-options .ant-pagination-options-quick-jumper input{
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
}
.webVueAntYtTableStyle-fhbbj .ant-pagination li button{
border: none;
}
.webVueAntYtTableStyle-fhbbj .ant-pagination li a,.webVueAntYtTableStyle-fhbbj .ant-pagination li .ant-pagination-options-quick-jumper{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-fhbbj .ant-pagination li.ant-pagination-item-active{
background: #FFFFFF;
border-top: 1px solid #1890ff;
border-right: 1px solid #1890ff;
border-bottom: 1px solid #1890ff;
border-left: 1px solid #1890ff;
}
.webVueAntYtTableStyle-fhbbj .ant-pagination li.ant-pagination-item-active a{
color: #1890ff;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-fhbbj tr td:nth-child(1) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-fhbbj tr td:nth-child(1) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-fhbbj tr > th:nth-child(1), .webVueAntYtTableStyle-fhbbj .ant-table-body tr.ant-table-measure-row td:nth-child(1){
width: calc((100% - 0px) / 7) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-fhbbj tr td:nth-child(2) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-fhbbj tr td:nth-child(2) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-fhbbj tr > th:nth-child(2), .webVueAntYtTableStyle-fhbbj .ant-table-body tr.ant-table-measure-row td:nth-child(2){
width: calc((100% - 0px) / 7) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-fhbbj tr td:nth-child(3) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-fhbbj tr td:nth-child(3) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-fhbbj tr > th:nth-child(3), .webVueAntYtTableStyle-fhbbj .ant-table-body tr.ant-table-measure-row td:nth-child(3){
width: calc((100% - 0px) / 7) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-fhbbj tr td:nth-child(4) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-fhbbj tr td:nth-child(4) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-fhbbj tr > th:nth-child(4), .webVueAntYtTableStyle-fhbbj .ant-table-body tr.ant-table-measure-row td:nth-child(4){
width: calc((100% - 0px) / 7) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-fhbbj tr td:nth-child(5) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-fhbbj tr td:nth-child(5) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-fhbbj tr > th:nth-child(5), .webVueAntYtTableStyle-fhbbj .ant-table-body tr.ant-table-measure-row td:nth-child(5){
width: calc((100% - 0px) / 7) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-fhbbj tr td:nth-child(6) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-fhbbj tr td:nth-child(6) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-fhbbj tr > th:nth-child(6), .webVueAntYtTableStyle-fhbbj .ant-table-body tr.ant-table-measure-row td:nth-child(6){
width: calc((100% - 0px) / 7) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-fhbbj tr td:nth-child(7) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-fhbbj tr td:nth-child(7) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-fhbbj tr > th:nth-child(7), .webVueAntYtTableStyle-fhbbj .ant-table-body tr.ant-table-measure-row td:nth-child(7){
width: calc((100% - 0px) / 7) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-fhbbj{
width: 100%;
}

.webVueAntYtRangePickerFormItem{
flex-direction: row;
opacity: 1;
}
.webVueAntYtRangePickerFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 0px;
}
.webVueAntYtRangePickerFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtRangePickerStyle{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
box-shadow: 0px 0px 0px 0px transparent;
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtRangePickerStyle.ant-picker:hover{
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
}
.webVueAntYtRangePickerStyle.ant-picker-focused,.webVueAntYtRangePickerStyle.ant-picker:hover{
border-right: 1px solid #CDCDCD !important;
}
.webVueAntYtRangePickerStyle .ant-picker-input>input{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtRangePickerStyle .ant-picker-input>input::placeholder{
color: #999999;
}
.popup_yt-y0i6vm11jmgza.dropdownClassName .ant-picker-panel-container{
background: #ffffff;
box-shadow: 0px 0px 10px 0px rgba(153,153,153,0.3);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}
.popup_yt-y0i6vm11jmgza.dropdownClassName .ant-picker-panel-container .ant-picker-header,.popup_yt-y0i6vm11jmgza.dropdownClassName .ant-picker-panel-container .ant-picker-panel table tr th,.popup_yt-y0i6vm11jmgza.dropdownClassName .ant-picker-panel-container .ant-picker-panel table tr td{
color: #333333;
}
.webVueAntRangePickerFormItem  {
flex-wrap: nowrap;
}
.webVueAntYtRangePicker,
.webVueAntRangePickerFormItem,
.webVueAntRangePickerFormItem .ant-form-item-control-input,
.webVueAntRangePickerFormItem .ant-form-item-control-input .ant-form-item-control-input-content {
width: 100%;
height: 100%;
}
.webVueAntRangePickerFormItem .ant-form-item-label {
flex-shrink: 0;
padding: 0;
text-align: left;
}
.webVueAntRangePickerFormItem .ant-form-item-label label {
width: 100%;
height: 100%;
}
.webVueAntRangePickerFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
margin-top: 4px;
}
.webVueAntRangePickerFormItem .ant-form-item-label label .label-content{
flex: 1;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.webVueAntRangePickerFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
display: none;
}
.webVueAntRangePickerFormItem .ant-form-item-label label .ant-form-item-content {
white-space: nowrap;
}
.webVueAntRangePickerFormItem.hide-label .ant-form-item-label {
display: none;
}
.webVueAntRangePickerFormItem .ant-form-item-content:focus{
outline: none;
}
.webVueAntYtRangePicker .ant-picker-dropdown {
text-align-last: auto;
}


.webVueAntYtRangePickerFormItem-1csmr .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtRangePickerFormItem-1csmr .ant-form-item-label label{
width: 67px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
}
.webVueAntYtRangePickerStyle-5o5mo.ant-picker-focused,.webVueAntYtRangePickerStyle-5o5mo.ant-picker:hover{
border-right: 1px solid #CDCDCD!important;
}

.webVueAntYtButtonStyle-gtrkq{
color: #4A90E2 !important;
background: transparent !important;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-gtrkq>span{
letter-spacing: 0px !important;
}

.webVueAntYtButtonStyle-mfzy0{
color: #4A90E2 !important;
background: transparent !important;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-mfzy0>span{
letter-spacing: 0px !important;
}}
</style>